<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录授权 - 作文批改小程序</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <link rel="stylesheet" href="../css/styles.css">
</head>
<body>
  <div class="device-container">
    <div class="status-bar">
      <div></div>
      <div class="time">12:30</div>
      <div class="icons"></div>
    </div>
    
    <div class="app-content">
      <div class="login-container" style="display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 0 30px;">
        <img src="https://images.unsplash.com/photo-1503676260728-1c00da094a0b?w=500&auto=format&fit=crop&q=60" alt="Logo" style="width: 120px; height: 120px; border-radius: 24px; margin-bottom: 30px; object-fit: cover;">
        
        <h2 style="font-size: 28px; margin-bottom: 10px;">作文批改助手</h2>
        <p style="text-align: center; margin-bottom: 40px; color: var(--dark-gray);">智能批改，让孩子的作文更出色</p>
        
        <button id="login-button" class="btn btn-block" style="margin-bottom: 20px;">
          <i class="fab fa-weixin" style="font-size: 20px;"></i>
          微信一键登录
        </button>
        
        <p style="font-size: 12px; color: var(--dark-gray); text-align: center; margin-top: 30px;">
          登录即表示您同意<a href="#" style="color: var(--primary-color);">用户协议</a>和<a href="#" style="color: var(--primary-color);">隐私政策</a>
        </p>
      </div>
    </div>
  </div>
  
  <script src="../js/main.js"></script>
</body>
</html> 